/*
 * 用于字体粗细(font-weight)在500的情况下,兼容windows的微软雅黑的自定义class
*/
@import './variables.scss';

.g-font-500 {
  font-weight: 500;

}
.g-font-12n3400 {
  font-size: $g-fs-12;
  line-height: $g-flh-20;
  color: $g-color-n3;
  font-weight: 400;
}

.g-font-16b1500 {
  font-size: $g-fs-16;
  line-height: $g-flh-24;
  color: $g-color-b1;
  font-weight: 500;
}

.g-font-18n2500 {
  font-size: $g-fs-18;
  line-height: $g-flh-24;
  color: $g-color-n2;
  font-weight: 500;
}
.g-font-12n1500 {
  font-size: $g-fs-12;
  line-height: $g-flh-20;
  color: $g-color-n1;
  font-weight: 500;
}

.g-font-16n1500 {
  font-size: $g-fs-16;
  line-height: $g-flh-24;
  color: $g-color-n1;
  font-weight: 500;
}

.g-font-16n2500 {
  font-size: $g-fs-16;
  line-height: $g-flh-24;
  color: $g-color-n2;
  font-weight: 500;
}

.g-font-num {
  font-size: 30px;
  font-weight: 500;
  color: $g-color-n1;
  line-height: 42px;

}

.g-font-16db500 {
  font-size: 16px;
  font-weight: 500;
  color: $g-color-dark-blue;
  line-height: 20px;
}

.g-font-14n1b500 {
  font-size: 14px;
  font-weight: 500;
  color: $g-color-n1;
  line-height: 24px;
}
.g-font-24n1b500 {
  font-size: 24px;
  font-weight: 500;
  color: $g-color-n1;
  line-height: 32px;
}

/*
 * windows下的微软雅黑字体没有500的粗细,所以改成600
*/
.is-win {
  .g-font-16b1500 {
    font-size: $g-fs-16;
    line-height: $g-flh-24;
    color: $g-color-b1;
    font-weight: 600;
  }

  .g-font-16n1500 {
    font-size: $g-fs-16;
    line-height: $g-flh-24;
    color: $g-color-n1;
    font-weight: 600;
  }
  .g-font-12n1500 {
    font-size: $g-fs-12;
    line-height: $g-flh-20;
    color: $g-color-n1;
    font-weight: 600;
  }
  .g-font-16n2500 {
    font-size: $g-fs-16;
    line-height: $g-flh-24;
    color: $g-color-n2;
    font-weight: 600;
  }
  
  .g-font-num {
    font-size: 30px;
    font-weight: 600;
    color: $g-color-n1;
    line-height: 42px;
  }
  .g-font-18n2500 {
    font-size: $g-fs-18;
    line-height: $g-flh-24;
    color: $g-color-n2;
    font-weight: 600;
  }
  .g-font-500 {
    font-weight: 600;
  }

  .g-font-16db500 {
    font-size: 16px;
    font-weight: 600;
    color: $g-color-dark-blue;
    line-height: 20px;
  }

  .g-font-14n1b500 {
    font-size: 14px;
    font-weight: 600;
    color: $g-color-n1;
    line-height: 24px;
  }
  .g-font-24n1b500 {
    font-size: 24px;
    font-weight: 600;
    color: $g-color-n1;
    line-height: 32px;
  }
}